<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/html/xiami.css">
    <!-- <link rel="stylesheet" href="/html/reset.css"> -->
    <link rel="stylesheet" href="/swiper-11.0.3/swiper/swiper-bundle.min.css">
    <title>小米商城</title>
</head>

<body>
    <div class="dise">
        <div class="dingbu">
            <!-- 顶部 -->
            <div class="nav">
                <div class="nav-left">
                    <a href="#">小米商城</a>
                    <span>|</span>
                    <a href="#">MIUI</a>
                    <span>|</span>
                    <a href="#">IoT</a>
                    <span>|</span>
                    <a href="#">云服务</a>
                    <span>|</span>
                    <a href="#">天星数科</a>
                    <span>|</span>
                    <a href="#">有品</a>
                    <span>|</span>
                    <a href="#">小爱开放平台</a>
                    <span>|</span>
                    <a href="#">企业团购</a>
                    <span>|</span>
                    <a href="#">资质证照</a>
                    <span>|</span>
                    <a href="#">协议规则</a>
                    <span>|</span>
                    <a href="#">下载APP</a>
                    <span>|</span>
                    <a href="#">智能生活</a>
                </div>

                <div class="nav-right">
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                    <span>|</span>
                    <a href="#">消息通知</a>
                    <div class="gouwu">
                        <a href="#">购物车<span>(0)</span></a>
                        <!-- <div class="gwxx">
                            <p>暂无购物内容</p>
                        </div> -->
                    </div>
                </div>

            </div>
        </div>
        <!-- 版心 -->
        <div class="banxin">
            <!-- 导航栏 -->
            <div class="navs cf">

                <div class="image">
                    <h1>小米商城</h1>
                    <!-- <img src="./images/xmlog.png" alt="" width="56px" height="56px"> -->
                </div>

                <!-- 导航栏文字区 -->
                <div class="navs-wenzi">
                    <ul>
                        <li></li>
                        <li><a href="#">Xiaomi手机<span></span></a></li>
                        <li><a href="#">Redmi手机<span></span></a></li>
                        <li><a href="#">电视<span></span></a></li>
                        <li><a href="#">笔记本<span></span></a></li>
                        <li><a href="#">平板<span></span></a></li>
                        <li><a href="#">家电<span></span></a></li>
                        <li><a href="#">路由器<span></span></a></li>
                        <li><a href="#">服务中心<span></span></a></li>
                        <li><a href="#">社区<span></span></a></li>
                    </ul>
                </div>
                <form action="https://www.baidu.com" method="post" class="myform">
                    <input type="text" name="sousuo" id="sousuo" placeholder="扫地机器人">
                    <input type="submit" value="搜索">
                </form>
            </div>

            <!-- 颈部 -->
            <div class="liPage">
                <!-- 列表 -->
                <div class="leibiao">
                    <ul>
                        <li class="list1">
                            <a href="https://www.baidu.com">手机<span class="spans1">></span></a>
                            <!-- 二级导航栏 -->
                            <div class="erjidaohang show">
                                <ul class="rowul">
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="rowul">
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="list1"><a href="#">电视<span class="spans1">></span></a>
                            <div class="erjidaohang show">
                                <ul class="rowul">
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="rowul">
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="list1"><a href="#">家电<span class="spans1">></span></a>
                            <div class="erjidaohang show">
                                <ul class="rowul">
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="rowul">
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="rowul">
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="rowul">
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                    <li class="list2">
                                        <a href="#" class="erjibq">
                                            <img src="./images/01.png" alt="" class="erjitu" width="40px" height="40px">
                                            <span class="texts1">Redmi Note 12 Pro+</span>
                                        </a>
                                    </li>
                                </ul>

                            </div>
                        </li>
                        <li class="list1"><a href="#">笔记本 平板<span class="spans1">></span></a></li>
                        <li class="list1"><a href="#">出行 穿戴<span class="spans1">></span></a></li>
                        <li class="list1"><a href="#">耳机 音频<span class="spans1">></span></a></li>
                        <li class="list1"><a href="#">健康 儿童<span class="spans1">></span></a></li>
                        <li class="list1"><a href="#">生活 箱包<span class="spans1">></span></a></li>
                        <li class="list1"><a href="#">智能 路由器<span class="spans1">></span></a></li>
                        <li class="list1"><a href="#">电源 配件<span class="spans1">></span></a></li>
                    </ul>
                </div>
                <!-- 轮播图 -->
                <div class="lunbotu">
                    <!-- <img src="./images/image.png" alt="">
                    <img src="./images/xmad.jpg" alt="">
                    箭头
                    <div class="jiantou">
                        <a href="#" id="leftjt">&lt;</a>
                        <a href="#" id="rightjt">&gt;</a>
                    </div>
                    小点
                    <div class="xiaodian">
                        <a href="#" class="chinge"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                    </div> -->

                    <div class="swiper mySwiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="./images/xmad.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/image.png" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/image2.webp" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/image3.webp" alt="">
                            </div>
                        </div>
                        <div class="swiper-button-next button-next"></div>
                        <div class="swiper-button-prev button-prev"></div>
                        <div class="swiper-pagination"></div>
                    </div>

                </div>
            </div>
            <!-- 颈部展示区 -->
            <div class="liPagezs">
                <div class="zhanshi">
                    <ul>
                        <li>
                            <a href="#">
                                <i>?</i>
                                小米秒杀
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i>?</i>
                                企业团购
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i>?</i>
                                F码通道
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i>?</i>
                                米粉卡
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i>?</i>
                                以旧换新
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i>?</i>
                                话费充值
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="zstp">
                    <ul>
                        <li><a href="#"><img src="./images/xmad_1.jpg" alt=""></a>
                        </li>
                        <li><a href="#"><img src="./images/xmad_2.jpg" alt=""></a>
                        </li>
                        <li><a href="#"><img src="./images/xmad_3.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 小米闪购标题 -->
            <div class="shangoubt">
                <h2>小米闪购</h2>
            </div>
            <!-- 闪购内容 -->
            <div class="shangounr">
                <ul class="shoutou">
                    <li class="lister">
                        <div class="fenjiexian"></div>
                        <img src="./images/flashpurchase.png" alt="" width="34px" height="53px">
                        <p>暂无闪购活动</p>
                        <div class="jishikuai"></div>
                    </li>
                </ul>
                <ul>
                    <li>

                    </li>
                </ul>
                <ul>
                    <li>

                    </li>
                </ul>
                <ul>
                    <li>

                    </li>
                </ul>
                <ul>
                    <li>

                    </li>
                </ul>
            </div>
            <div class="hengfu">
                <a href="#">
                    <img src="./images/xmad_4.jpg" alt="" height="120px">
                </a>
            </div>
        </div>
    </div>
    <!-- 分类选区版心 -->
    <div class="dise2">
        <div class="banxin2 banxin">
            <!-- 手机 -->
            <div class="sjzg">
                <!-- 标题 -->
                <div class="shoujibt">
                    <h2>手机</h2>
                    <a href="#" acolor="acolor">查看全部&nbsp;<span>&gt;</span></a>
                </div>
                <!-- 分类 -->
                <div class="sjfenlei">
                    <div class="sjimage">
                        <img src="./images/xmad_5.jpg" alt="" width="234px">
                    </div>
                    <div class="sjzl">
                        <ul>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_2.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_3.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_4.png" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_5.png" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_6.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="hengfu2">
                    <img src="./images/xmad_6.jpg" alt="" height="120px">
                </div>
            </div>

            <!-- 家电 -->
            <div class="sjzg">
                <!-- 标题 -->
                <div class="shoujibt jiadiandt">
                    <h2>家电</h2>
                    <ul>
                        <li><a href="#">热门</a></li>
                        <li><a href="#">电视影音</a></li>
                        <li><a href="#">电脑</a></li>
                        <li><a href="#">家居</a></li>
                    </ul>
                </div>
                <!-- 分类 -->
                <div class="sjfenlei">
                    <div class="dsimage">
                        <img src="./images/xmad_7.jpg" alt="" width="234px">
                        <img src="./images/xmad_7.jpg" alt="" width="234px">
                    </div>
                    <div class="sjzl">
                        <ul>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>

                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <ul id="uljw">
                                <li id="lijw">
                                    <div class="dsdiv">
                                        <a href="#">
                                            <img src="./images/pms_7.jpg" alt="">
                                            <h2>小米电烤箱</h2>
                                            <p><span>299</span>元</p>
                                        </a>
                                    </div>
                                </li>
                                <li id="lijw2">
                                    <div class="jsds">
                                        <a href="#">
                                            <h2>浏览更多</h2>
                                            <p>热门</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </ul>
                    </div>
                </div>
                <div class="hengfu2">
                    <img src="./images/xmad_8.jpg" alt="" height="120px">
                </div>
            </div>

            <!-- 智能 -->
            <div class="sjzg">
                <!-- 标题 -->
                <div class="shoujibt jiadiandt">
                    <h2>智能</h2>
                    <ul>
                        <li><a href="#">热门</a></li>
                        <li><a href="#">出行</a></li>
                        <li><a href="#">健康</a></li>
                        <li><a href="#">酷玩</a></li>
                        <li><a href="#">路由器</a></li>
                    </ul>
                </div>
                <!-- 分类 -->
                <div class="sjfenlei">
                    <div class="dsimage">
                        <img src="./images/xmad_7.jpg" alt="" width="234px">
                        <img src="./images/xmad_7.jpg" alt="" width="234px">
                    </div>
                    <div class="sjzl">
                        <ul>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>

                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <ul id="uljw">
                                <li id="lijw">
                                    <div class="dsdiv">
                                        <a href="#">
                                            <img src="./images/pms_7.jpg" alt="">
                                            <h2>小米电烤箱</h2>
                                            <p><span>299</span>元</p>
                                        </a>
                                    </div>
                                </li>
                                <li id="lijw2">
                                    <div class="jsds">
                                        <a href="#">
                                            <h2>浏览更多</h2>
                                            <p>热门</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </ul>
                    </div>
                </div>
                <div class="hengfu2">
                    <img src="./images/xmad_9.jpg" alt="" height="120px">
                </div>
            </div>

            <!-- 搭配 -->
            <div class="sjzg">
                <!-- 标题 -->
                <div class="shoujibt jiadiandt">
                    <h2>搭配</h2>
                    <ul>
                        <li><a href="#">热门</a></li>
                        <li><a href="#">耳机音响</a></li>
                        <li><a href="#">电源</a></li>
                        <li><a href="#">电池充电器</a></li>
                    </ul>
                </div>
                <!-- 分类 -->
                <div class="sjfenlei">
                    <div class="dsimage">
                        <img src="./images/xmad_7.jpg" alt="" width="234px">
                        <img src="./images/xmad_7.jpg" alt="" width="234px">
                    </div>
                    <div class="sjzl">
                        <ul>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>

                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="sjdiv">
                                    <a href="#">
                                        <img src="./images/pms_1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="js">
                                    <a href="#">
                                        <h3>小米9 6GB+128GB</h3>
                                    </a>
                                    <p>骁龙855，索尼4800万超广角微距三摄</p>
                                    <p><span class="spans">2599元</span><i>2999元</i></p>
                                </div>
                                <div class="dingwei">
                                    <a href="#">
                                        <span class="jieshao">电视机不错，感谢小米公司考虑百姓,小米手机就是好用</span>
                                        <span class="gaikuo">来自小米粉丝的评价</span>
                                    </a>
                                </div>
                            </li>

                            <ul id="ulw0">
                                <li id="lijw">
                                    <div class="dsdiv">
                                        <a href="#">
                                            <img src="./images/pms_7.jpg" alt="">
                                            <h2>小米电烤箱</h2>
                                            <p><span>299</span>元</p>
                                        </a>
                                    </div>
                                </li>
                                <li id="lijw2">
                                    <div class="jsds">
                                        <a href="#">
                                            <h2>浏览更多</h2>
                                            <p>热门</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </ul>
                    </div>
                </div>
                <div class="hengfu2">
                    <img src="./images/xmad_9.jpg" alt="" height="120px">
                </div>
            </div>
        </div>
    </div>

    <!-- 第三部分 -->
    <div class="footbaes dise2">
        <div class="banxin3 banxin">
            <div class="jiaobiao">
                <ul>
                    <li>
                        <a href="#">预约维修服务</a>
                    </li>
                    <li>
                        <a href="#">7天无理由退货</a>
                    </li>
                    <li>
                        <a href="#">15天免费换货</a>
                    </li>
                    <li>
                        <a href="#">满69包邮</a>
                    </li>
                    <li>
                        <a href="#">520余家售后网点</a>
                    </li>
                </ul>
            </div>
            <hr>
            <div class="guanyu">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                    <dd><a href="#">廉洁举报</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>

                <div class="lianxi">
                    <h2 style="color: orange; font-weight: 400; margin-bottom: 5px;">400-100-5678</h2>
                    <p style="margin-bottom: 16px; font-size: 12px;">9:00-18:00 (仅收市话费)</p>
                    <a kefu="true" href="#">人工客服</a>
                    <div class="guanzhu">
                        关注小米:
                        <a wd="wd" href="#"><img src="" alt=""></a>
                        <a wx="wx" href="#"><img src="" alt=""></a>
                        <div class="erweima">
                            <img src="./images/wx-img.png" alt="" width="126px" height="126px">
                        </div>
                    </div>
                </div>
            </div>
            <div class="youce">
                <ul>
                    <li><a href="#">手机APP</a></li>
                    <li><a href="#">手机APP</a></li>
                    <li><a href="#">手机APP</a></li>
                    <li><a href="#">手机APP</a></li>
                    <li><a href="#">手机APP</a></li>
                </ul>
                <a fanhui="backToTop" class="fanhui" href="javascript:;">返回顶部</a>
            </div>
        </div>
        <div class="footzhu">
            <div class="xiaomi banxin2">
                <div class="info">
                    <div class="xiaomiinfo">
                        <p class="sites">
                            <a href="#">小米商城</a>
                            <span class="sep">|</span>
                            <a href="#">小米澎湃OS</a>
                            <span class="sep">|</span>
                            <a href="#">米家</a>
                            <span class="sep">|</span>
                            <a href="#">米聊</a>
                            <span class="sep">|</span>
                            <a href="#">多看</a>
                            <span class="sep">|</span>
                            <a href="#">游戏</a>
                            <span class="sep">|</span>
                            <a href="#">音乐</a>
                            <span class="sep">|</span>
                            <a href="#">政企服务</a>
                            <span class="sep">|</span>
                            <a href="#">小米天猫店</a>
                            <span class="sep">|</span>
                            <a href="#">小米集团隐私政策</a>
                            <span class="sep">|</span>
                            <a href="#">小米公司儿童信息保护规则</a>
                            <span class="sep">|</span>
                            <a href="#">小米商城隐私政策</a>
                            <span class="sep">|</span>
                            <a href="#">小米商城用户协议</a>
                            <span class="sep">|</span>
                            <a href="#">问题反馈</a>
                            <span class="sep">|</span>
                            <a href="#">Select Location</a>
                        </p>
                        <p class="sites">
                            <a href="#">北京互联网法院法律服务工作站</a>
                            <span class="sep">|</span>
                            <a href="#">中国消费者协会</a>
                            <span class="sep">|</span>
                            <a href="#">北京市消费者协会</a>
                        </p>
                        <p class="sites">
                            ©
                            <a href="#">mi.com</a>京ICP证110507号
                            <a href="#">京ICP备10046444号</a>
                            <a href="#">京公网安备11010802020134号</a>
                            <a href="#">京网文[2023]0169-004号</a>
                            <br>
                            <a href="#">（京）网械平台备字（2018）第00005号</a>
                            <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                            <a href="#">营业执照</a>
                            <a href="#">医疗器械质量公告</a>
                            <br>
                            <a href="#">增值电信业务经营许可证编号：京B2-20180851</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                            <a href="#">食品经营许可证</a>&nbsp;新出发京批字第直220280号
                            <br>
                            违法和不良信息举报电话：171-5104-4404&nbsp;<a>知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                    </div>
                </div>
            </div>
            <div class="wanjie">
                <p>完结！</p>
            </div>
        </div>
    </div>


    <script src="/swiper-11.0.3/swiper/swiper-bundle.min.js"></script>
    <script src="/js/固定盒子和返回顶部.js"></script>
    <script>
        var swiper = new Swiper(".mySwiper", {
            spaceBetween: 30,
            effect: "fade",
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
        });
    </script>

</body>


</html>